<!-- 导航URL -->
<div class="row wrapper border-bottom white-bg page-heading">
    <div class="col-md-12">
        <ol class="breadcrumb">
            <li>
                <a href="">主页</a>
            </li>
            <li>
                <a>收单机构管理</a>
            </li>
            <li class="active">
                <strong>核心交易监控</strong>
            </li>
        </ol>
    </div>
</div>
<!-- 主要内容 -->
<div class="wrapper wrapper-content animated fadeIn" ng-controller="routeMonitorCtrl">
    <form class="form-horizontal" name="horizontal" novalidate  >
        <div class="form-group">
            <div class="row">
                <div class="col-lg-12">
                    <div class="tabs-container tab_other">
                        <uib-tabset>
                            <uib-tab>
                                <uib-tab-heading>
                    		 <span class="block m-t-xs">
                             	<i class="fa fa-laptop"></i>
                                <strong class="font-bold">路由监控</strong>
                             </span>
                                </uib-tab-heading>
                                <div class="panel-body">
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label">日期：</label>
                                        <div class="col-sm-3">
                                            <input id="d5221" class="form-control" type="datetime" readonly ng-model="routeQueryInfo.dateStart"
                                                   onchange="" style="width:auto;display:inline-block;"
                                                   onFocus="WdatePicker({skin:'whyGreen',dateFmt: 'yyyy-MM-dd',onpicked:function(){d5222.focus();},maxDate:'#F{$dp.$D(\'d5222\')||\'%y-%M-%d\'}'})"/>
                                            ~
                                            <input id="d5222" class="form-control" type="datetime" readonly ng-model="routeQueryInfo.dateEnd"
                                                   onchange="" style="width:auto;display:inline-block;"
                                                   onFocus="WdatePicker({skin:'whyGreen',dateFmt: 'yyyy-MM-dd',minDate:'#F{$dp.$D(\'d5221\')}',maxDate:'%y-%M-%d'})"/>
                                        </div>
                                        <label class="col-sm-1 control-label">路由id：</label>
                                        <div class="col-sm-2">
                                            <input class="form-control ng-pristine ng-valid ng-not-empty ng-touched" type="text"  ng-model="routeQueryInfo.jumpId" style="width:auto;display:inline-block;" >
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label"></label>
                                        <div class="col-sm-10">
                                            <input type="button" class="btn btn-primary6 btn-mr20" ng-click="queryRoute()" value='查询'>
                                            <input type="button" class="btn btn-primary3 btn-mr20" ng-click="resetRoute()" value='清空'>
                                            <input type="button" class="btn btn-new2 btn-mr20" ng-show="hasPermit('routeMonitor.export')" ng-click="routeMonitorExport()" value='导出'>
                                            <a class="btn btn-new btn-mr20" style="margin-left: 20px;" type="button" ng-show="hasPermit('warningTemplate.update')" target="_blank" ui-sref="org.jumpRouteBeforeSetting">核心交易预警</a>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label">列表数据单位为万元，导出数据单位为元</label>
                                    </div>
                                    <div class="form-group">
                                        <div class="gridStyle" ui-grid="routeGrid" ui-grid-pagination ui-grid-pinning ui-grid-resize-columns/>
                                    </div>
                                </div>
                            </uib-tab>
                            <uib-tab>
                                <uib-tab-heading>
                    		<span class="block m-t-xs">
                             	<i class="fa fa-desktop"></i>
                                <strong class="font-bold">注册地监控</strong>
                            </span>
                                </uib-tab-heading>
                                <div class="panel-body">
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label">日期：</label>
                                        <div class="col-sm-3">
                                            <input id="d5223" class="form-control" type="datetime" readonly ng-model="addressQueryInfo.dateStart"
                                                   onchange="" style="width:auto;display:inline-block;"
                                                   onFocus="WdatePicker({skin:'whyGreen',dateFmt: 'yyyy-MM-dd',onpicked:function(){d5224.focus();},maxDate:'#F{$dp.$D(\'d5224\')||\'%y-%M-%d\'}'})"/>
                                            ~
                                            <input id="d5224" class="form-control" type="datetime" readonly ng-model="addressQueryInfo.dateEnd"
                                                   onchange="" style="width:auto;display:inline-block;"
                                                   onFocus="WdatePicker({skin:'whyGreen',dateFmt: 'yyyy-MM-dd',minDate:'#F{$dp.$D(\'d5223\')}',maxDate:'%y-%M-%d'})"/>
                                        </div>
                                        <label class="col-sm-1 control-label">注册地：</label>
                                        <div class="col-sm-2">
                                            <input class="form-control" ng-model="addressQueryInfo.address">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label"></label>
                                        <div class="col-sm-10">
                                            <input type="button" class="btn btn-primary6 btn-mr20" ng-click="queryAddress()" value='查询'>
                                            <input type="button" class="btn btn-primary3 btn-mr20" ng-click="resetAddress()" value='清空'>
                                            <input type="button" class="btn btn-new2 btn-mr20" ng-show="hasPermit('regAddressMonitor.export')" ng-click="regAddressMonitorExport()" value='导出'>
                                            <a class="btn btn-new btn-mr20" style="margin-left: 20px;" type="button" target="_blank" ng-show="hasPermit('warningTemplate.update')" ui-sref="org.jumpRouteBeforeSetting">核心交易预警</a>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label">列表数据单位为万元，导出数据单位为元</label>
                                    </div>
                                    <div class="form-group">
                                        <div class="gridStyle" ui-grid="addressGrid" ui-grid-pagination ui-grid-pinning ui-grid-resize-columns/>
                                    </div>
                                </div>
                            </uib-tab>
                            <uib-tab>
                                <uib-tab-heading>
                    		<span class="block m-t-xs">
                             	<i class="fa fa-desktop"></i>
                                <strong class="font-bold">账单地监控</strong>
                            </span>
                                </uib-tab-heading>
                                <div class="panel-body">
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label">日期：</label>
                                        <div class="col-sm-3">
                                            <input id="d5225" class="form-control" type="datetime" readonly ng-model="accountAddressQueryInfo.dateStart"
                                                   onchange="" style="width:auto;display:inline-block;"
                                                   onFocus="WdatePicker({skin:'whyGreen',dateFmt: 'yyyy-MM-dd',onpicked:function(){d5226.focus();},maxDate:'#F{$dp.$D(\'d5226\')||\'%y-%M-%d\'}'})"/>
                                            ~
                                            <input id="d5226" class="form-control" type="datetime" readonly ng-model="accountAddressQueryInfo.dateEnd"
                                                   onchange="" style="width:auto;display:inline-block;"
                                                   onFocus="WdatePicker({skin:'whyGreen',dateFmt: 'yyyy-MM-dd',minDate:'#F{$dp.$D(\'d5225\')}',maxDate:'%y-%M-%d'})"/>
                                        </div>
                                        <label class="col-sm-1 control-label">账单地：</label>
                                        <div class="col-sm-2">
                                            <input class="form-control" ng-model="accountAddressQueryInfo.address">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label"></label>
                                        <div class="col-sm-10">
                                            <input type="button" class="btn btn-primary6 btn-mr20" ng-click="queryAccountAddress()" value='查询'>
                                            <input type="button" class="btn btn-primary3 btn-mr20" ng-click="resetAccountAddress()" value='清空'>
                                            <input type="button" class="btn btn-new2 btn-mr20" ng-show="hasPermit('accountAddressMonitor.export')" ng-click="accountAddressMonitorExport()" value='导出'>
                                            <a class="btn btn-new btn-mr20" style="margin-left: 20px;" type="button" target="_blank" ng-show="hasPermit('warningTemplate.update')" ui-sref="org.jumpRouteBeforeSetting">核心交易预警</a>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label">列表数据单位为万元，导出数据单位为元</label>
                                    </div>
                                    <div class="form-group">
                                        <div class="gridStyle" ui-grid="accountAddressGrid" ui-grid-pagination ui-grid-pinning ui-grid-resize-columns/>
                                    </div>
                                </div>
                            </uib-tab>
                            <uib-tab>
                                <uib-tab-heading>
                    		<span class="block m-t-xs">
                             	<i class="fa fa-desktop"></i>
                                <strong class="font-bold">账单地预留额度监控</strong>
                            </span>
                                </uib-tab-heading>
                                <div class="panel-body">
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label">日期：</label>
                                        <div class="col-sm-3">
                                            <input id="d5227" class="form-control" type="datetime" readonly ng-model="accountAddressQuotaQueryInfo.dateStart"
                                                   onchange="" style="width:auto;display:inline-block;"
                                                   onFocus="WdatePicker({skin:'whyGreen',dateFmt: 'yyyy-MM-dd',onpicked:function(){d5228.focus();},maxDate:'#F{$dp.$D(\'d5228\')||\'%y-%M-%d\'}'})"/>
                                            ~
                                            <input id="d5228" class="form-control" type="datetime" readonly ng-model="accountAddressQuotaQueryInfo.dateEnd"
                                                   onchange="" style="width:auto;display:inline-block;"
                                                   onFocus="WdatePicker({skin:'whyGreen',dateFmt: 'yyyy-MM-dd',minDate:'#F{$dp.$D(\'d5227\')}',maxDate:'%y-%M-%d'})"/>
                                        </div>
                                        <label class="col-sm-1 control-label">账单地：</label>
                                        <div class="col-sm-2">
                                            <input class="form-control" ng-model="accountAddressQuotaQueryInfo.address">
                                        </div>
                                        <label class="col-sm-1 control-label">是否单列市：</label>
                                        <div class="col-sm-2">
                                            <select class="form-control" ng-model="accountAddressQuotaQueryInfo.addressType" ng-options="x.value as x.text for x in addressType">
                                            </select>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label"></label>
                                        <div class="col-sm-10">
                                            <input type="button" class="btn btn-primary6 btn-mr20" ng-click="queryAccountAddressQuota()" value='查询'>
                                            <input type="button" class="btn btn-primary3 btn-mr20" ng-click="resetAccountAddressQuota()" value='清空'>
                                            <input type="button" class="btn btn-new2 btn-mr20" ng-show="hasPermit('accountAddressQuotaMonitorExport.export')" ng-click="accountAddressQuotaMonitorExport()" value='导出'>
                                            <a class="btn btn-new btn-mr20" style="margin-left: 20px;" type="button" target="_blank" ng-show="hasPermit('warningTemplate.update')" ui-sref="org.jumpRouteBeforeSetting">核心交易预警</a>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label">列表数据单位为万元，导出数据单位为元</label>
                                    </div>
                                    <div class="form-group">
                                        <div class="gridStyle" ui-grid="accountAddressQuotaGrid" ui-grid-pagination ui-grid-pinning ui-grid-resize-columns/>
                                    </div>
                                </div>
                            </uib-tab>
                        </uib-tabset>
                    </div>
                </div>
            </div>
        </div>
    </form>

    <form class="form-horizontal" id="addressModalDetail" novalidate>
        <div id="addressModal" class="modal fade" tabindex="-2" role="dialog">

            <div class="modal-dialog" style="width: 900px;">
                <div class="modal-content" style="height: 600px">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal">
                            &times;
                        </button>
                        <h3 class="modal-title">注册地：{{addressDetailDate.address}} &nbsp;&nbsp;日期：{{addressDetailDate.date}}</h3>
                    </div>
                    <div class="modal-body" style="height: 400px">
                        <div class="form-group">
                            <label class="col-sm-2 control-label"></label>
                            <div class="col-sm-10">
                                <input type="button" class="btn btn-new2 btn-mr20" ng-click="regAddressMonitorDetailExport()" value='导出'>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-sm-2"></label>
                            <div class="col-sm-12" >
                                <div class="gridStyle" ui-grid="addressDetailGrid" style="height: 350px" ui-grid-resize-columns class="grid"></div>
                            </div>
                        </div>
                        <style>
                            .gridStyle .ui-grid-cell{
                                overflow:initial;
                            }
                        </style>
                    </div>
                </div>
            </div>
        </div>
    </form>

    <form class="form-horizontal" id="accountAddressDetail" novalidate>
        <div id="accountAddressModal" class="modal fade" tabindex="-2" role="dialog">

            <div class="modal-dialog" style="width: 900px;">
                <div class="modal-content" style="height: 600px">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal">
                            &times;
                        </button>
                        <h3 class="modal-title">账单地：{{accountAddressDetail.address}} &nbsp;&nbsp;日期：{{accountAddressDetail.date}}</h3>
                    </div>
                    <div class="modal-body" style="height: 400px">
                        <div class="form-group">
                            <label class="col-sm-2 control-label"></label>
                            <div class="col-sm-10">
                                <input type="button" class="btn btn-new2 btn-mr20" ng-click="accountAddressMonitorDetailExport()" value='导出'>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-sm-2"></label>
                            <div class="col-sm-12" >
                                <div class="gridStyle" ui-grid="accountAddressDetailGrid" style="height: 350px" ui-grid-resize-columns class="grid"></div>
                            </div>
                        </div>
                        <style>
                            .gridStyle .ui-grid-cell{
                                overflow:initial;
                            }
                        </style>
                    </div>
                </div>
            </div>
        </div>
    </form>

</div>